// axios 公共配置
// 1.1 基地址
axios.defaults.baseURL = 'https://geek.itheima.net'

// 2.1 设置请求拦截器，统一携带 token
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么 
  // 统一添加请求token
  const token = localStorage.getItem('token')
  token && (config.headers.Authorization = `Bearer ${token}`)
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  // 对响应数据处理
  const res = response.data
  return res
}, function (error) {
  console.dir(error)
  // 对响应错误做点什么
  // 对错误响应拦截统一处理，例如：统一对 401 身份验证失败情况做处理
  // 可选链运算符（?.）允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。
  // -> ?. 运算符的功能类似于 . 链式运算符，不同之处在于，在引用为空(nullish)，即 null 或者 undefined 的情况下
  // -> 不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。
  if(error?.response?.status === 401){
    // 弹框提示
    alert(error.response.data.message)
    // 清空缓存
    // localStorage.clear()
    localStorage.removeItem('token')
    // 跳转到登录
    location.href = '../login/index.html'
  }
  // 错误返回值统一处理
  const err = error?.response
  return Promise.reject(err)
})